.rank-types {
    position: relative;
    top: 50rpx;
    left: 10%;
    width: 80%;
    height: 100rpx;
     background:#D7BF8E;
     display: flex; 
    flex-direction: row;
    border-radius: 50rpx;
      /* align-items: center;  */
    /* justify-content: space-around; */
     text-align: center; 
}

.rank-type {
    flex: 1;
    font-size: 28rpx;
    padding-bottom: 10rpx;
    transition: border .3s;
    color: white;
    line-height:100rpx;
}

.rank-type.true {
    background-color: #8F7A66;
    width: 10rpx;
    border-radius: 50rpx;
    margin: 5rpx 15rpx 5rpx 15rpx;
}

.rank-items{
    position: relative;
    top: 80rpx;
    left: 10%;
    width: 80%;
    height: 700rpx;
    background:#D7BF8E;
    padding-top: 1rpx;
    border-radius: 20rpx;
}
.rank {
    margin: 30rpx 10rpx 0rpx 20rpx;
    flex-direction: row;
    height: 40rpx;
    font-size: 32rpx;
    /* border-bottom: 1px solid #eaeaea;--------- */
    padding-bottom: 30rpx;
}

.rank-num {
    float: left;
    width: 20px;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px;
    color: #3cc51f;
}

.user-avatar-container {
     margin-left: 40rpx; 
    float: left; 
    width: 60rpx;
    height: 40rpx;
}

.user-avatar-container image {
    width: 60rpx;
    height: 60rpx;
    border-radius: 50%;
}

.user-meta {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ddd;
    line-height:60rpx;
}

.user-name {
    position: relative;
    left: 80rpx;
    font-size: 30rpx;
    color: #FAF5F1;
}

.user-score {
     position: relative;
     float: right;
     right: 20px;
    font-size: 30rpx;
    color: #FAD70C;
}

/*-----------------------------------------  */
.userinfo {
  margin-top: 30rpx;
  background-color: #8F7A66;
  width: 100%;
  height: 100rpx;
  float: left; 
  display: flex;
  flex-direction: row;
  font-size: 25rpx;
  border-radius: 0rpx 0rpx 20rpx 20rpx;
/*文本超出，结尾显示省略号  */
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.userinfo-avatar {
  margin-left: 50rpx;
  float: left; 
  width: 60rpx;
  height: 60rpx;
  margin: 20rpx;
  border-radius: 50%;
}

.userinfo-nickname {
  line-height:100rpx;
  color: #aaa;
}
.userinfo-rank{
  line-height:100rpx;
  color: #FAD70C;
}
.userinfo-maxscore{
    line-height:100rpx;
    position: relative;
    float: right;
    right: -10rpx;
    color: #FAD70C;
}

/*--------------邀请---------  */
.buttons {
    position: relative;
    margin-top: 150rpx;
    top: 80%;
    left: 10%;
    width: 80%;
    height: 100rpx;
     background:#D7BF8E;
     display: flex; 
    flex-direction: row;
    border-radius: 50rpx;
     text-align: center; 
}

.buttoncss {
  background-color:  #D7BF8E;
    flex: 1;
    font-size: 40rpx;
    padding-bottom: 10rpx;
    transition: border .3s;
    color: white;
    line-height:100rpx;
    border-radius: 50rpx;
}